﻿@charset "UTF-8";


/*--------------------------------------------------
	＜ローカルナビゲーション＞（PC）
--------------------------------------------------*/

@media screen and (min-width: 641px) {
	.local_navigation .logo {
		display: block;
		width: 242px; /* ロゴ画像の幅の1/2に合わせる */
		height: 25px; /* ロゴ画像の高さの1/2に合わせる */
		background: url(../images/logo_sh01j.png) center center no-repeat; /* ロゴ画像のパスを指定する */
		background-size: 100%;
		overflow: hidden;
		white-space: nowrap;
		text-indent: 100%;
	}
	/* 暫定版*/
	.local_navigation.zan ul:after{
		content:"";
		display:table-cell;
		width:40%; /* 右側の余白 ロゴサイズに合わせて調整する */
	}
}

/*--------------------------------------------------
	＜ローカルナビゲーション＞（SP）
--------------------------------------------------*/
.local_navigation {
	z-index: 1000;
}
.local_navigation img {
	max-width: 338px; /* 338px固定（360px内での最大値） */
	height:25px; /* 固定 変更する場合はPadding調整要 */
}
@media screen and (max-width: 640px) {
	.local_navigation ul {
		height: auto;
		overflow: hidden;
		background: url(/products/k-tai_d_common_v3/images/dot_e6e6e6.png) center center repeat-x;
	}
	.local_navigation ul li {
		float: left;
		box-sizing: border-box;
		width: 33.33%;
	}
	.local_navigation ul li:first-child a,
	.local_navigation ul li:nth-child(4) a,
	.local_navigation ul li:nth-child(8) a {
		border-left: none;
	}
	/* Padding調整 */
	.local_navigation p {
		padding: 16px 10px 11px 12px; /* 上+下+高さで52pxにする */
		width: auto !important;
	}
	/* 暫定版*/
	.local_navigation.zan ul{
		background:none;
	}
}

/* 前後のコンテンツナビ */
@media screen and (max-width: 640px) {
	.prev_next_link p.prev a,
	.prev_next_link p.next a {
		padding:0 20px;
}
}	
	